import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { Swipe, SwipeItem } from 'vant';
import { NoticeBar } from 'vant';

import { CouponCell, CouponList, Cell, CellGroup } from 'vant';

import { Image as VanImage } from 'vant';
import { Tab, Tabs } from 'vant';
import { Search } from 'vant';
import { List } from 'vant';
import { Popup } from 'vant';
import { BackTop } from 'vant'
import { Button } from 'vant';
import { Col, Row, Field } from 'vant';
import { Dialog } from 'vant';
import { Empty } from 'vant';
import { Stepper } from 'vant';
import { RadioGroup, Radio } from 'vant';
import { Toast } from 'vant';
import { SwipeCell } from 'vant';
import {
    Skeleton,
    SkeletonTitle,
    SkeletonImage,
    SkeletonAvatar,
    SkeletonParagraph,
} from 'vant';
import { Popover } from 'vant';

// import VueVideoPlayer from 'vue-video-player'
// require videojs style
// import 'video.js/dist/video-js.css'
// import 'vue-video-player/src/custom-theme.css'

import { Rate } from 'vant';


import { Picker, IndexBar, IndexAnchor } from 'vant';

import App from './App.vue'
import router from './router'

import 'minireset.css';

const app = createApp(App)
app.use(NoticeBar);
app.use(IndexBar);
app.use(IndexAnchor);
app.use(createPinia())
app.use(router);
app.use(CouponCell);
app.use(CouponList);
app.use(Picker);
app.use(Rate);
app.use(Swipe);
app.use(SwipeItem);
app.use(Tab);
app.use(Tabs);
app.use(Search);
app.use(VanImage)
app.use(List);
app.use(Popup);
app.use(BackTop);
app.use(Button);
app.use(Col);
app.use(Row);
app.use(Dialog);
app.use(Empty);
app.use(Stepper);
app.use(Radio);
app.use(RadioGroup);
app.use(Cell);
app.use(CellGroup);
app.use(Field);
app.use(Toast);
app.use(SwipeCell)
app.use(Skeleton);
app.use(SkeletonTitle);
app.use(SkeletonImage);
app.use(SkeletonAvatar);
app.use(SkeletonParagraph);
app.use(Popover);
app.mount('#app')